<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./css/bootstrap.css">
  <link rel="stylesheet" href="./css/one.css">
  <script src="./js/jquery.min.js"></script>
  <script src="./js/popper.min.js"></script>
  <script src="./js/bootstrap.min.js"></script>
  <title>Document</title>
  <style></style>
</head>

<body class="bg-light">
  <!-- 页头 -->
  <div class="head">
    <div class="container">
      <div class="tou">
        <img src="http://image.wufazhuce.com/www-fp-logo.png" alt="">
      </div>
    </div>
  </div>
  <!-- 中间 -->
  <div class="center">
    <div class="container">
      <div class="row">
        <!-- 图片 -->
        <div class="col-md-8 col-12 p-0">
          <div class="zdy-carousel">
            <div class="container">
              <div class="carousel slide" data-ride="carousel" id="banner">
                <!-- 图片展示区 -->
                <div class="carousel-inner">
                  <div class="carousel-item active">
                    <img src="http://image.wufazhuce.com/FhuCzXwpIoH8R-Wxd6TZjkBGrO08" alt="" class="w-100">
                    <div class="wen">
                      <p>摄影</p>
                    </div>
                    <div class="body d-flex">
                      <div class="wen2">
                        <a href="#">回顾我们的一生，想想我们一起去过的地方，我们共同经历的那些事，就像你爸爸常常说的那样，我们携手度过了这段最漫长的旅程，这段旅程就是人生。</a>
                      </div>
                      <div class="day">
                        <p>VOL.3318</p>
                        <p>10</p>
                        <p>Nov 2021</p>
                      </div>
                    </div>
                    <div class="wen mb-3"></div>
                  </div>
                  <div class="carousel-item">
                    <img src="http://image.wufazhuce.com/FoRi1si0I9h1H7M9_wmVky5_920s" alt="" class="w-100">
                    <div class="wen">
                      <p>摄影</p>
                    </div>
                    <div class="body d-flex">
                      <div class="wen2">
                        <a href="#">时代常常是一浪进跟着一浪退，相互修正，统筹出不令任何人满意的样子来。</a>
                      </div>
                      <div class="day">
                        <p>VOL.3318</p>
                        <p>10</p>
                        <p>Nov 2021</p>
                      </div>
                    </div>
                    <div class="wen mb-3"></div>
                  </div>
                </div>
                <!-- 左右切换区  a标签关联这个轮播图 用轮播的id-->
                <a href="#banner" class="carousel-control-prev " data-slide="prev">
                  <span class="carousel-control-prev-icon"></span>
                </a>
                <a href="#banner" class="carousel-control-next " data-slide="next">
                  <span class="carousel-control-next-icon"></span>
                </a>

                <!-- 下方控制符区 -->
                <ul class="carousel-indicators">
                  <li class="active" data-target="#banner" data-slide-to="0"></li>
                  <li data-target="#banner" data-slide-to="1"></li>
                  <li data-target="#banner" data-slide-to="2"></li>
                  <li data-target="#banner" data-slide-to="3"></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <!-- 文章 -->
        <div class="col-md-4 col-12">
          <div class="row">
            <div class="muen col-12">
              <div class="block1">
                <h4> ONE文章 </h4>
              </div>
              <div class="block2 d-block">
                <p>VOL.3318</p>
                <a href="#" class=" d-block">奔月- 莫诺格</a>
                <span class=" d-block">VOL.3317<a href="#" class="pl-2">金先生的编织袋- 孟祥鹏</a></span>
                <span class=" d-block">VOL.3316<a href="#" class="pl-2">美丽新世界- 地下青猫</a></span>
                <span class=" d-block">VOL.3315<a href="#" class="pl-2">写给小家伙的诗- 地下青猫</a></span>
                <span class=" d-block">VOL.3314<a href="#" class="pl-2">金先生的编织袋- 孟祥鹏</a></span>
                <span class=" d-block">VOL.3313<a href="#" class="pl-2">美丽新世界- 地下青猫</a></span>
                <span class=" d-block">VOL.3312<a href="#" class="pl-2">写给小家伙的诗- 地下青猫</a></span>


              </div>
            </div>
            <div class="muen col-12">
              <div class="block1">
                <h4> ONE问题 </h4>
              </div>
              <div class="block2 d-block">
                <p>VOL.3318</p>
                <a href="#" class=" d-block">
                  朋友说过最暖心的话是什么？</a>
                <span class=" d-block">VOL.3317<a href="#" class="pl-2">金先生的编织袋- 孟祥鹏</a></span>
                <span class=" d-block">VOL.3316<a href="#" class="pl-2">美丽新世界- 地下青猫</a></span>
                <span class=" d-block">VOL.3315<a href="#" class="pl-2">写给小家伙的诗- 地下青猫</a></span>
                <span class=" d-block">VOL.3314<a href="#" class="pl-2">金先生的编织袋- 孟祥鹏</a></span>
                <span class=" d-block">VOL.3313<a href="#" class="pl-2">美丽新世界- 地下青猫</a></span>
                <span class=" d-block">VOL.3312<a href="#" class="pl-2">写给小家伙的诗- 地下青猫</a></span>


              </div>
            </div>
          </div>


        </div>
      </div>
    </div>
  </div>
  <!-- 底 -->
  <div class="end">
    <div class="container">
      <h4>App「一个」</h4>
      <p>每天只为你准备一张图片、一篇文字和一个问答<br>
      
    韩寒主编和监制 原《独唱团》主创成员共同制作</p>
    <p>
      <img src="http://image.wufazhuce.com/www-one-app_qrcode.png" alt="">
    <img src="http://image.wufazhuce.com/www-one-wx_qrcode.png" alt="">
    </p>
    <p>- 也可搜索 - <br>
      "韩寒一个" 或 "ONE一个"</p>
      <div class="zdy-wei">
        <p>© 2012-2021 <a href="#">「ONE · 一个」</a></p>
        <ul class="d-flex">
          <li><a href="#">关于</a></li>
          <li><a href="#">用户协议</a></li>
          <li><a href="#">联系我们</a></li>
          <li>上海市反电信网路诈骗中心</li>
        </ul>
        <ul class="d-flex">
          <li><a href="#">ONE一个工作室</a></li>
          <li><a href="#">亭林镇无业青年</a></li>
        </ul>
        <p>复杂世界里, 一个就够了. One is all.</p>
        <h6><a href="#"> 沪ICP备13042400号-1</a></h6>
      </div>
    
    </div>
  </div>

</body>

</html>